<template>
  <div v-bind:class="msgclass" v-bind:id="msgid" v-bind:title="msgtitle" >测试</div>
  
  <!-- 简写方法 -->
  <!-- <div :class="msgclass" :id="msgid">测试</div> -->

  <!-- 布尔型 -->
  <button :disabled="isbutton">点击</button>

  <!-- 动态绑定多个值 -->
  <div v-bind="objectAttres">哈哈哈</div>
</template>

<script>


export default {
  setup () {
    const msgclass='a'
    const msgid='b'
    // const msgtitle='c'
    const msgtitle=null

    const isbutton=true

     const objectAttres={
      id:'b',
      class:'a'
    }

    return {
      msgclass,
      msgid,
      msgtitle,
      isbutton,
      objectAttres
     
    }
  }
}
</script>

<style>
.a{
  color: red;
  font-size: 30px;
}
</style>